/*
 * @Description: 单个入口及功能组件
 * @Author: buwei.huang
 * @Date: 2019-11-05 10:37:35
 * @Last Modified by: buwei.huang
 * @Last Modified time: 2019-11-25 16:52:28
 */
<template>
  <div style="background-color:#fff;">
    <div
      class="account_item flex-h flex-hsb flex-vc fontsize28"
      :class="isBorder ? 'account_item_border' : ''"
    >
      <div class="flex-h flex-vc">
        <div
          class="account_item_left"
          :style="letfWidth ? 'width:' + letfWidth : ''"
        >
          {{labelName}}
        </div>
        <div
          class="account_item_center"
          :class=" isColor ? 'account_item_font' : ''"
          :style="isRedColor ? 'color:#E84D38' : ''"
        >
          {{content}}
        </div>
      </div>
      <div class="account_item_right flex-h flex-vc">
        <slot name="item_right" />
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    labelName: {
      type: String,
      default: null
    },
    content: {
      type: String,
      default: null
    },
    isColor: {
      type: Boolean,
      default: false
    },
    isBorder: {
      type: Boolean,
      default: false
    },
    letfWidth: {
      type: String,
      default: null
    },
    isRedColor: {
      type: Boolean,
      default: false
    }
  }
}
</script>
<style>
.account_item {
  margin: 0 30px;
  padding: 31px 0;
}
.account_item_font {
  color: #333333;
}
.account_item_border {
  border-bottom: 1px solid rgb(221, 221, 221, 0.5); /*no*/
}
.account_item_center {
  margin-right: 10px;
}
</style>
